<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layer.msg skin 调试</title>

    <link rel="stylesheet" href="{{ url_for('static', filename='layui/css/layui.css') }}">

    <style>
        .my-skin {
            background-color: #ff6600 !important;
            color: white !important;
        }
    </style>
</head>
<body>

<button class="layui-btn" onclick="testSkin()">测试 skin</button>

<script src="{{ url_for('static', filename='layui/layui.js') }}"></script>

<script>
    layui.use('layer', function () {
        var layer = layui.layer;

        window.testSkin = function () {
            layer.msg('这是一个带自定义皮肤的提示', {
                skin: 'my-skin',
                time: 5000,
                zIndex: 99999999
            });
        };
    });


</script>

</body>
</html>
